<!DOCTYPE html>

<html>
<head>
	<title>Nerv Widgets 3</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta> 
	
	<link rel="stylesheet" href="../../themes/nw3/form.css" type="text/css" media="all"></link>
	<link rel="stylesheet" href="../../themes/nw3/window.css" type="text/css" media="all"></link>
	
	<script src="../../nw3.js" type="text/javascript"></script>
	<script src="../../plugins/form/form.js" type="text/javascript"></script>
	<script src="../../plugins/window/window.js" type="text/javascript"></script>
	<script src="../../langs/it.js" type="text/javascript"></script>
</head>

<body>

<script>
// print page title
window.document.title = NW3.toString();
</script>


<br />
Nerv Window Plugin
<br />
<br />


<form id="form" title="Create new user" style="padding: 15px">
	<label>Text Field</label>
	<br />
	<input type="text" id="text" name="text_field" />
	
	<br />
	<label>Textarea Field</label>
	<br />
	<textarea id="textarea" name="textarea_field"></textarea>
	
	<br />
	
	<input type="submit" id="submit" value="Submint button" />
</form>

<div class="window_box"></div>

<script>
oText = new NW3.form.Text({
	replace	: '#text',
	width : '200'
});

oTextarea = new NW3.form.Textarea({
	replace	: '#textarea',
	width : '200'
});

oButton = new NW3.form.Button({
	replace	: '#submit',
	image : '../img/star.png',
	onclick : function(){
		alert('Submit!');
	}
});


/* WINDOW begin */
var oWin = new NW3.Window({
	title : 'Window title',
	width : 350,
	height: 220,
	top: 30,
	icon : '../img/star.png',
	draggable : true,
	dragEffect : { effect : 'opacity', value  : 80 },
	resizable : true,
	buttonHelp : function(){
		alert('help');
	},
	buttonClose : function(){
		alert('close');
	},
	status : 'Status Bar'
});

oWin.add(NW3.getElement('#form'));

oWin.appendChild( ".window_box" );

oWin.show();
/* WINDOW end */
</script>


<br>
</body>
</html>
